.top{
	width: 100%; 
	top: 0rpx;
	left: 0rpx;
	background: white;
	height: 120rpx;
	position:fixed;
	z-index: 999;
	.left_box{
		width: 15%;float: left;height: 90rpx;line-height: 90rpx;text-align: center;margin-top: 40rpx;
	}
	.left_title{
		width: 85%;float: left;height: 90rpx;line-height: 90rpx;margin-top: 40rpx;
	}
}
.bottom{
	width: 100%;
	bottom: 0rpx;
	left: 0rpx;
	background: white;
	height: 120rpx;
	position:fixed;
	.item{
		width: 25%;text-align: center;float: left;
		.b1{
			width: 100%;text-align: center;
		}
		.b2{
			width: 40rpx;margin-top: 30rpx;
		}
		.b3{
			width: 100%;text-align: center;line-height:25rpx;font-size: 25rpx;color:#969696;
		}
	}
	.time1{
		width: 50%;text-align: center;float: left;
		.b1{
			width: 100%;text-align: center;
		}
		.b2{
			width: 40rpx;margin-top: 30rpx;
		}
		.b3{
			width: 100%;text-align: center;line-height:25rpx;font-size: 25rpx;color:#969696;
		}
	}
}
.dtk_item{
	width: 90%;float: left;margin-left: 5%; margin-left: 5%;border-radius: 20rpx;height: auto;background: white;
	.title{
		width: 92%;float: left;margin-left: 4%;line-height: 60rpx;margin-top: 20rpx;
	}
	.b1{
		width: 20%;float: left;height: 70rpx;margin-top: 20rpx;
		.se{
			width: 70rpx;height: 70rpx;background: #1A63FF;color: white;line-height: 70rpx;text-align: center;margin: auto auto;border-radius: 60rpx;
		}
		.def{
			width: 70rpx;height: 70rpx;background: #EDF3FF;color: #1A63FF;line-height: 70rpx;text-align: center;margin: auto auto;border-radius: 60rpx;
		}
	}
}
page {
	background-color: #F2F3F6;
}
.mt150{
	margin-top: 150rpx;float: left;width: 100%;
}
.topic_info{
	width: 90%;float: left;margin-left: 5%;
	.lable{
		color: #5E88FF;background: #DCE4F7;line-height: 40rpx;float: left;width: 90rpx;text-align: center;font-size: 22rpx;border-radius: 10rpx;
	}
	.num{
		font-size: 25rpx;float: left;margin-left: 10rpx;
	}
	.time{
		float: right;height: 40rpx;line-height: 40rpx;
	}
}
.topic_detail{
	width: 90%;float: left;margin-left: 5%;height: auto;margin-top: 20rpx;background: white;border-radius: 20rpx;
	.title{
		width:92%;float: left;margin-left: 4%;line-height: 60rpx;font-size: 33rpx;margin-top: 20rpx;
		.index{
			float: left;font-size: 30rpx;
		}
		.score{
			float: right;height: 30rpx;width:60rpx;text-align: center;background:#FF334D;color: white;line-height: 30rpx;margin-top: 20rpx;font-size: 22rpx;margin-right: 10rpx;border-radius: 6rpx;
		}
	}
	.images{
		width:90%;margin-left: 5%;margin-top: 30rpx;
	}
	.def{
		background: #F4F4F4;height: 90rpx;border-radius: 20rpx;margin-top: 30rpx;
		.b1{
			width: 20%;line-height: 90rpx;text-align: center;float: left;
		}
		.b2{
			width: 80%;line-height: 90rpx;float: left;
		}
		.line{
			width: 3rpx;height: 25rpx;background: #c6c6c6;float: right;margin-top:33rpx;margin-right: 15rpx
		}
	}
	.se{
		background: #EDF3FF;height: 90rpx;border-radius: 20rpx;margin-top: 30rpx;
		color: #497CFF;
		.b1{
			width: 20%;line-height: 90rpx;text-align: center;float: left;
		}
		.b2{
			width: 80%;line-height: 90rpx;float: left;
		}
		.line{
			width: 3rpx;height: 25rpx;background: #497CFF;float: right;margin-top:33rpx;margin-right: 15rpx
		}
	}
	.error{
		background: #FFF0F0;height: 90rpx;border-radius: 20rpx;margin-top: 30rpx;
		color: red;
		.b1{
			width: 20%;line-height: 90rpx;text-align: center;float: left;
		}
		.b2{
			width: 80%;line-height: 90rpx;float: left;
		}
		.line{
			width: 3rpx;height: 25rpx;background: #CCCCCC;float: right;margin-top:33rpx;margin-right: 15rpx
		}
	}
	.success{
		background: #E7F6F1;height: 90rpx;border-radius: 20rpx;margin-top: 30rpx;
		color: #20A277;
		.b1{
			width: 20%;line-height: 90rpx;text-align: center;float: left;
		}
		.b2{
			width: 80%;line-height: 90rpx;float: left;
		}
		.line{
			width: 3rpx;height: 25rpx;background: #20A277;float: right;margin-top:33rpx;margin-right: 15rpx
		}
		.success_icon{
			float: left;width: 45rpx;margin-left: -20rpx;margin-top: 20rpx;
		}
	}
}
.dan-box{
	width: 80%;background:#F2F4F5;height: 100rpx;float: left;margin-left: 10%;border-radius: 20rpx;margin-top: 20rpx;
	.item{
		text-align: center;line-height: 100rpx;width: 50%;float: left;
		.success{
			color:#02A973;
		}
		.error{
			color: red;
		}
	} 
}
.error_img{
		width: 120rpx;float: right;margin-right: 5%;margin-top: -180rpx;
}
.zsd_img{
	width: 90%;float: left;margin-left: 5%;
}
.zsd_item{
	width: 90%;background: #FFF0E5;float: left;margin-left: 5%;border-radius: 10rpx;color: #E3762A;line-height: 90rpx;margin-top: 10rpx;
	.dian{
		width: 15rpx;height:15rpx;background:#E3762A;border-radius: 15rpx;float: left;margin-top: 40rpx;margin-left: 35rpx;
	}
	.value{
		width: 70%;float: left;margin-left: 5%;
	}
}
.zsd_ing{
	width: 100%;text-align: center;font-size: 22rpx;color: #cccccc;margin-top: 30rpx;float: left;
}
.ks_log{
	width: 90%;float: left;margin-left: 5%;background: white;height: auto;border-radius: 20rpx;margin-top: 20rpx;
	.item{
		width: 90%;float: left;margin-left: 5%;height: auto;margin-top: 30rpx;margin-bottom: 30rpx;
	}
	.b1{
		width: 60%;float: left;
		.time{
			font-size: 35rpx;
		}
		.info{
			width: 100%;float: left;margin-top: 20rpx;font-size: 22rpx;
		}
		.score{
			width: 150rpx;border: #FF3849 3rpx solid;border-radius: 10rpx;float: left;text-align: center;line-height: 30rpx;color: #FF3849;overflow: hidden;
		}
		.lable1{
			float: left;width: 80rpx;background: #FF3849;color: white;
		}
		.lable2{
			float: left;width: 60rpx;
		}
		.t1{
			width: 100rpx;border: #D4A77C 3rpx solid;float: left;text-align: center;margin-left: 20rpx;border-radius: 10rpx;color: #D4A77C;
		}
	}
	.b2{
		width: 30%;float: left;text-align: center;height: 100rpx;
	}
	.b3{
		width: 10%;float: left;text-align: center;
	}
	.images1{
		width: 120rpx;
	}
	.image2{
		width: 20rpx;margin-top: 30rpx;
	}
}
.dkt_msg{
	width: 90%;margin-top: 20rpx;float: left;border-top: 3rpx #CCCCCC dashed;height: 60rpx;margin-left: 5%;
	 
	.msg{
		width: 250rpx;height: 60rpx;margin: auto auto;margin-top: 30rpx;font-size: 20rpx;
	}
	.msg1{
		width: 30rpx;height: 30rpx;float: left;background:#EDF3FF;border-radius: 30rpx;margin-left: 20rpx;
	}
	.msg2{
		float: left;width: 80rpx;text-align: center;
	}
	.msg3{
		width: 30rpx;height: 30rpx;float: left;background: #1A63FF;border-radius: 30rpx;
	}
}
.tk_item{
		width: 94%;float: left;margin-left: 3%;background: white;border-radius: 20rpx;margin-top: 20rpx;
		.title{
			width: 94%;float: left;margin-top: 20rpx;margin-left: 3%;
		}
		.info{
			width: 94%;float: left;margin-left: 3%;font-size: 22rpx;border-top: 3rpx #CCCCCC dotted;margin-top: 20rpx;line-height: 80rpx;color: #c6c6c6;
		}
		.gobtn{
			width: 120rpx;background:#64A5FB;color: white;height: 50rpx;float: right;border-radius: 30rpx;text-align: center;line-height: 50rpx;margin-top: 15rpx;
		}
		.update{
			color: #479B7F;
		}
	}
	.content-box-top-bb{
		width: 100%;float: left;height: 400rpx;
		background-image: url("../../static/training/bg.png");
		background-size: 100% 400rpx;
	}
	.tk_test_01{
		width: 50%;float: left;margin-top: 200rpx;
		.t01{
			width: 80%;float: left;font-size: 40rpx;font-weight: bold;margin-left: 10%;
		}
		.t02{
			width: 80%;float: left;font-size: 25rpx;margin-left: 10%;margin-top: 40rpx;
		}
	}